/* 
 初始化swiper
*/
define(['config'],()=>{
  require(['swiper'],(Swiper)=>{
    function initSwiper() {
      new Swiper('.swiper', {
        autoplay: true, //可选选项，自动滑动
        loop: true, // 循环模式选项
        // 如果需要分页器
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
        // 如果需要前进后退按钮
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      })
    }
    /**
     *获取后端数据库banner中的数据
     *调用接口 
     *
     */
    function loadBanner(){
      // $.ajax({
      //   method: 'get',
      //   url: 'http://api.yuguoxy.com/api/shop/banner',
      //   success: function (data) {
      //     if (data.resultCode == 1) {
      //       let list = data.resultInfo.list
      //       //调用显示banner函数将list参数传进去
      //       showBanner(list)
      //     }
      //   },
      // })
      pAjax({url: '/api/banner.json'})
      .then(data=>{
          let list = JSON.parse(data)
          // console.log(list);
          showBanner(list)
      })
     }

    
    function showBanner(list) {
      let str = list.map(item => {
        return ` <div class="swiper-slide">
                   <img src='${item.url}' alt='${item.content}'>
                 </div>`
      }).join('')
      const swiperWrapper = document.querySelector('.swiper-wrapper')
      swiperWrapper.innerHTML = str
      initSwiper()
    }
    
    loadBanner()
  })
})




